<template>
    <div class="wrap">

        <!-- <div class="content">
            内容 -->
            <router-view></router-view>
        <!-- </div> -->
       
        <div class="nav">
            <router-link to="/">首页</router-link>
            <router-link to="/member">会员</router-link>
            <router-link to="/class">分类</router-link>
            <router-link to="/shop">购物车</router-link>
            <router-link to="/my">我的</router-link>
        </div>
    </div>
</template>
<script type="text/javascript"></script>
<style type="text/css" lang="less">
    /*加载通用*/
    @import './common/css/reset.css';
    .nav{
        position: fixed;
        bottom: 0;
        width: 100%;
        display: flex;
        border-top: 1px solid #ccc;
        background: white;
        a{  
            flex: 5;
            display: block;
            text-align: center;
            line-height: 50px;
            color: black;
        }
    }
    .content{
        /*height: 667px;*/
        background: red;
        font-size: 30px;
        padding-bottom: 50px;
    }
</style>
